<template>
  <div>
    <p>原来的样子:{{msg}}</p>
    <!-- 在main.js文件中创建全局过滤器,所有vue文件都可以用 -->
    <!-- 给过滤器传参
    语法:vue变量,过滤器(值)
    -->
    <p>使用反转过滤器:{{msg | reverse('|')}}</p>
    <p :title="msg | toUp | reverse('|')">鼠标长停</p>
  </div>
</template>

<script>
export default {
data(){
  return {
    msg:'Hello, Vue',
  }
},
// 方式二 局部过滤器，只能在当前vue文件使用
// filters: {过滤器名字: (值) => {return "返回处理后的值"}
filters: {toUp: value => {return value.toUpperCase()}}
// filters: {
//    toUp ( value) {
//      return value.toUpperCase()
//     }
// }
}
</script>

<style>

</style>